<template>
    <view class="swiperContent">
        <swiper  @change="change"  :indicator-dots="indicatorDots" autoplay="true" circular="true" interval="3000"   indicator-color="#8799a3"  indicator-active-color="#0081ff" :style="{'height':swiperHeight+'px'}">
            <swiper-item class="swiper-item"  v-for="(item,index) in swiperList" :key="index">
                <view   class="swiper-view" v-if="item.url">
                    <image :src="item.url" :style="{'height':swiperHeight+'px'}" class="img"></image>
                  
                </view>
               
            </swiper-item>
           
        </swiper>
    </view>
</template>
<script>
    export default {
        name:"bw-swiper-special",	
        props: {           
            swiperList:{ // 滑块视图容器数据
                type:Array,
                required: true,
                default:function(){
                    return []
                }
            },
            swiperHeight:{
				type:Number,
				default:1000
			},
			indicatorDots: { // 是否显示面板指示点
			                type: Boolean,
			                default: false
			
			            },
        },

        data() {
            return {
                flag:true,
                cardCur:0,
               
            }
        },
        computed:{
        },

        methods: {
            change:function(e){
	            // console.log('e',e.detail.current);
                this.$emit('change',e)
            }
        }
    }
</script>
<style>
	.cardSwiper{
		/* height: 353px !important; */
	}
.swiper-view {
	  width: 100%;
	  display: block;
	  height: 100%;
	 /* transform: scale(0.95); */
	  transition: all 0.2s ease-in 0s;
	  overflow: hidden;
	 /* border-radius: 60rpx;
	  background: whitesmoke; */
	  text-align: center;
	}
 .img{	
	  width: 100%;
	  height: 100%;
	}
	
</style>

